@charset "utf-8";
/* CSS Document */

html,body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	background-image:url(../img/bg.png);
	margin:0px;
}

.header
{
	position:absolute;
	width:100%;
	height:100px;
	line-height:100px;
	left:0px;
	top:0px;
	background:url(../img/footer2.png);
	color:#ffff00;
}

.logo
{
	font-size:36px;
	margin-left:5px;
}

.logo a
{
	text-decoration:none;
	color:inherit;
}

.admin-panel
{
	float:right;
	margin-right:5px;
}

.admin-panel a
{
	text-decoration:none;
	color:inherit;
}

.body-contain
{
	width:100%;
	margin-top:120px;
}

.fun-panel
{
	width:20%;
	background-image:url(../img/bg_fun_panel.png);
	border:1px solid #c6c6c6;
	float:left;
	background-position:right;
	background-repeat:repeat-y;
}

.fun-title
{
	height:40px;
	text-align:center;
	line-height:40px;
	width:100%;
	font-size:20px;
	border-bottom:1px solid #c6c6c6;
	color:#44320f;
	font-weight:bold;
	overflow:hidden;
}

.ul-list-fun
{
	list-style:none;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
}

ul.ul-list-fun li
{
	padding-bottom:10px;
	padding-top:10px;
	border-top:1px solid #d0d0d0;
	padding-left:25px;
	background-image:url(../img/fun-sym.png);
	background-repeat:no-repeat;
	background-position:10px 15px;
	font-size:18px;
	color:#959595;
}

ul.ul-list-fun li:hover
{
	background-image:url(../img/fun-sym-active.png);
	background-repeat:no-repeat;
	background-position:10px 15px;
	color:#e98f00;
}

ul.ul-list-fun li.active
{
	background-image:url(../img/fun-sym-active.png);
	background-repeat:no-repeat;
	background-position:10px 15px;
	color:#e98f00;
}

ul.ul-list-fun li a:link
{
	text-decoration:none;
	color:inherit;
}

ul.ul-list-fun li a:visited
{
	color:inherit;
}

ul.ul-list-fun li a:hover
{
	color:inherit;
}

ul.ul-list-fun li.first
{
	border-top:0px;
}

ul.ul-list-fun li.last
{
	border-bottom:1px solid #d0d0d0;
}

ul.ul-list-fun li ul
{
	list-style:none;
	padding-left:0px;
}

ul.ul-list-fun li ul li
{
	background-image:url(../img/sub-fun-sym.png);
	background-repeat:no-repeat;
	background-position:0px;
	padding-left:15px;
	border-top:0px;
	font-size:16px;
	padding-top:8px;
	padding-bottom:8px;
}

ul.ul-list-fun li ul li:hover
{
	background-image:url(../img/sub-fun-sym-active.png);
	background-repeat:no-repeat;
	background-position:0px;
}

ul.ul-list-fun li ul li.active
{
	background-image:url(../img/sub-fun-sym-active.png);
	background-repeat:no-repeat;
	background-position:0px;
}

.contain-panel
{
	width:79%;
	float:left;
	background-color:#ffffff;
	border:1px solid #c6c6c6;
	border-left:0px;
}

.contain
{
	padding:10px;
}

.navigative-panel
{
	width:100%;
	height:40px;
	background-color:#f5f5f5;
	border-bottom:1px solid #c6c6c6;
	overflow:hidden;
	line-height:40px;
	background-image:url(../img/ic_home.png);
	background-repeat:no-repeat;
	background-position:5px 6px;
}

.navigative-panel span
{
	margin-left:38px;
	color:#44320f;
}

.footer
{
	float:left;
	position:static;
	margin-top:20px;
	width:100%;
	height:50px;
	line-height:50px;
	background:url(../img/footer2.png);
}

.notify
{
	position:absolute;
	margin-top:-8px;
	margin-left:-5px;
	font-size:11px;
	color:#ffffff;
	background:#ff0000;
	border-radius:20px;
	font-weight:bold;
	width:18px;
	height:18px;
	text-align:center;
	line-height:18px;
}

.alert-dialog
{
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:99;
	background-image:url(../img/bg-dialog.png);
	display:none;
}

.alert-dialog-window
{
	width:350px;
	height:200px;
	background-color:#ffffff;
	position:absolute;
	left:50%;
	margin-left:-125px;
	top:50%;
	margin-top:-100px;
	border-radius:4px;
}

.alert-dialog-window-title
{
	margin-bottom:0px;
	margin-top:0px;
	/*background-color:#44320f;*/
	height:50px;
	border-bottom:1px solid #1f1501;
	line-height:50px;
	color:#ffffff;
	font-size:20px;
	padding-left:5px;
	border-radius:4px 4px 0px 0px;
	background-image: -ms-linear-gradient(top, #5c451a 0%, #44320f 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#5c451a), to(#44320f)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #5c451a,  #44320f); /* for firefox 3.6+ */
	background: -o-linear-gradient(top, #5c451a, #44320f);/*opera 11.10+*/
}

.alert-dialog-window-content
{
	margin-bottom:0px;
	margin-top:0px;
	padding:10px;
	text-align:center;
}

.alert-dialog-window-footer
{
	border-top:1px solid #e4c588;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	background-color:#44320f;
	height:40px;
	position:absolute;
	bottom:0;
	width:100%;
	font-size:18px;
	color:#ffffff;
	border-radius:0px 0px 4px 4px;
}

.confirm-dialog-window-footer-yes
{
	border-top:1px solid #e4c588;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	background-color:#44320f;
	height:40px;
	position:absolute;
	bottom:0;
	width:50%;
	font-size:18px;
	color:#ffffff;
	border-radius:0px 0px 0px 4px;
}

.confirm-dialog-window-footer-no
{
	border-top:1px solid #e4c588;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	background-color:#44320f;
	height:40px;
	position:absolute;
	bottom:0;
	left:50%;
	width:50%;
	font-size:18px;
	color:#ffffff;
	border-radius:0px 0px 4px 0px;
}

.alert-dialog-window-footer:active, 
.confirm-dialog-window-footer-yes:active,
.confirm-dialog-window-footer-no:active
{
	background-color:#372709;
	color:#baa378;
}

a img
{
	border:0px;
}

img.del, img.edit
{
	cursor:pointer;
}

.note
{
	font-size:12px;
	color:#999999;
}

/* Page container */

.paging_ct {
	padding-top:20px;
	margin-bottom:20px;
	float:right;	
}
	/* Paging position for IE 7 */
	
	*+ html .paging_ct {
		right: 0px;	
	}

.paging_ct .paging_button, .paging_ct .current_paging_button{
	display: inline;
}

.paging_button {
	border: 1px solid #c8c8c8;
	border-radius: 3px;
	background: -moz-linear-gradient(#fefefe, #dcdcdc);
	background: -ms-linear-gradient(#fefefe, #dcdcdc);
	background: -webkit-linear-gradient(#fefefe, #dcdcdc);
	background: -o-linear-gradient(#fefefe, #dcdcdc);
	-pie-background: linear-gradient(#fefefe, #dcdcdc);	/* For IE uses with PIE.htc */		
	position: relative;	
	padding: 10px;	
	margin-right: 3px;
	padding: 10px 5px;
}

.paging_button:hover {
	background: -moz-linear-gradient(#fefefe, #b6b6b6);
	background: -ms-linear-gradient(#fefefe, #b6b6b6);
	background: -webkit-linear-gradient(#fefefe, #b6b6b6);
	background: -o-linear-gradient(#fefefe, #b6b6b6);
	-pie-background: linear-gradient(#fefefe, #b6b6b6);	
	position: relative;
}

.paging_button:active {
	background: -moz-linear-gradient(#f4f4f4, #fbfbfb);
	background: -ms-linear-gradient(#f4f4f4, #fbfbfb);
	background: -webkit-linear-gradient(#f4f4f4, #fbfbfb);
	background: -o-linear-gradient(#f4f4f4, #fbfbfb);
	-pie-background: linear-gradient(#f4f4f4, #fbfbfb);	
	position: relative; 
}

.current_paging_button {
	border-radius: 3px;
	padding: 10px;	
	margin-right: 3px;
	padding: 10px 5px;
	background: #e3e3e3;
	border: 1px solid #929292;
	box-shadow: inset 0px 1px 2px #565656;
	position: relative;
} 

.current_paging_button {
	border-radius: 3px;
	padding: 10px;	
	margin-right: 3px;
	padding: 10px 5px;
	background: #e3e3e3;
	border: 1px solid #929292;
	box-shadow: inset 0px 1px 2px #565656;
} 
 
.paging_button a, .current_paging_button a {
	text-decoration: none;
	font: bold 14px Arial;
	color: #636363;		
	padding: 10px;
}


